<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>仿京东最上方导航</title>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			
			#wg2 {
				padding-left: 70px;
				height: 30px;
				background-color: #F1F1F1;
			}
			
			#wg2 ul li {
				display: inline-block;
				list-style: none;
				border-right:1px #2361B4 solid;
				padding:0px 8px;
				font-size: 12px;
			}
			#wg2 ul li#wg3{
				padding-left: 15px;
				background: url(img/tel.png) left 0px no-repeat;
			}
			
			#wg2 ul li a {
				color: #000000;
				text-decoration: none;
			}
			#wg2 ul li#wg3:hover {
				background: url(img/tel.png) 0 -25px no-repeat;
			}
			#wg2 ul li a:hover {
				color: red;
			}
		</style>
	</head>

	<body>
		<div id="wg2">
			<ul>
				<li>
					<a href="hezi .html">你好，请登录</a>
				</li>
				<li>
					<a href="hezi .html">免费注册</a>
				</li>
				<li>
					<a href="hezi .html">我的订单</a>
				</li>
				<li>
					<a href="hezi .html">我的京东</a>
				</li>
				<li>
					<a href="hezi .html">京东会员</a>
				</li>
				<li>
					<a href="hezi .html">企业采购</a>
				</li>
				<li id="wg3">
					<a href="hezi .html">手机京东</a>
				</li>
				<li>
					<a href="hezi .html">关注京东</a>
				</li>
				<li>
					<a href="hezi .html">客户服务</a>
				</li>
				<li>
					<a href="hezi .html">客户服务</a>
				</li>
			</ul>
		</div>
	</body>

</html>